<template>
  <div class="top">
    <slot name="back"></slot>
    <h2>{{title}}</h2>
  </div>
</template>

<script>
    export default {
        name: "headerTop",
      props:{
          title:String,
      }
    }
</script>

<style scoped>
  /*顶部栏*/
  .top{width: 100%; height: 3.3rem;  background: #00c08c; position:fixed; top: 0; left: 0; z-index: 100;}
  .top h2{ font-size: 1.2rem; font-weight: 100; color: #fff; height: 3.3rem; line-height: 3.3rem; margin: 0 auto; text-align:  center;}
  .back{ width: 0.725rem; height: 1.375rem; background:url(./images/back.icon.png) no-repeat center; background-size: contain; position: absolute; left: 1rem; top: calc(50% - 0.688rem);}
</style>
